@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{box-sizing:border-box;}
body,textarea{color:#333; font-size:14px; font-family:Arial, "微软雅黑";}
ul, ol,li,dd,dl{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{color:#444; font-size:15px; vertical-align:middle;}
input:focus {outline:none;}
span,samp,i,em,b{ font-family: Arial, "微软雅黑";;}
a{ color:#555; text-decoration:none;}
.w1420{max-width:1420px;margin:auto;width:96%;}
.w1200{max-width:1200px;margin:auto;width:96%;}


#top{display:flex;max-width:1420px;margin:auto;justify-content: space-between;align-items: center;}
.top-a{flex-shrink:0;width:130px;}
.top-c{flex-shrink:0;width:80px;}
.top-c i{display:inline-block;margin-right:5px;vertical-align: middle;}
.top-c span{display:inline-block;vertical-align: middle;}
.top-b{flex-shrink:0;width:50%;}
.top-b ul{display:flex;justify-content: center;}
.top-b li{width:16.666%;margin:auto;text-align:center;position:relative;font-weight: bold;}
.top-b li p{line-height:84px;font-size:15px;}
.top-b li a{display:block;}
.top-b dl{position:absolute;top:100%;left:0;width:100%;z-index:999;background:#fff;line-height:40px;display:none;}
@media screen and (min-width:1000px){
.top-b li:hover dl{display:block;}
.top-c a:hover{color:#db241c;}
.top-b li a:hover{color:#db241c;}
}
/*手机*/
.zhz{width:49px;height:49px;overflow:hidden;position:absolute;top:13px;right:12px;display:none;}
.zhz samp{position:absolute;left:26%;background:#333;height:2px;width:26px; transition:all 0.5s;}
.zhz .samp1{top:18px}
.zhz .samp2{top:25px;}
.zhz .samp3{top:32px;}
.active .samp2{left:-100%;}
.active .samp1{transform:rotate(225deg);top:25px}
.active .samp3{transform:rotate(-225deg);top:25px;}


/*大图 #db241c*/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;align-items: center;position: relative;}
.swiper-slide1bg{width: 100%;position:relative;}
.swiper-slide1bg i{display: block;overflow: hidden;font-size: 0px;}
.swiper-slide1bg i img{max-width: 100%;}
.swiper-slide-active .swiper-slide1bg{width:100%;transition-delay: 0.5s;}
.swiper-slide1{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-80%);opacity:1;transition: 1s;width: 80%;}
.swiper-slide1 h3{color: #fff;font-size: 50px;padding-bottom: 10px;font-weight: bold;padding-top: 100px;transform: translateY(-100%);opacity: 0;transition: 1.5s;letter-spacing: 8px;}
.swiper-slide1 p.p1{font-size: 16px;color: #fff;letter-spacing: 1px;font-weight: 100;transform: translateY(-100%);opacity: 0;transition: 1.5s;margin-top: 16px;line-height: 30px;}
.swiper-slide1 .p2{width: 400px;margin: 0px auto;overflow: hidden;text-align: center;margin-top: 35px;transform: translateY(-100%);opacity: 0;transition: 2s;}
.swiper-slide1 .p2 ul{}
.swiper-slide1 .p2 ul li{display: inline-block;vertical-align: middle;width: 195px;font-size: 25px;font-weight: 100;color: #fff;line-height: 45px;}
.swiper-slide1 .swiper-slide1pic{margin-top: 80px;transform: translateY(100%);transition: 1.5s;opacity: 0;}
.swiper-slide-active .swiper-slide1{opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1 h3{transform: translateY(0%);opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1 p.p1{transform: translateY(0%);opacity: 1;transition-delay: 1s;}
.swiper-slide-active .swiper-slide1 .p2{transform: translateY(0%);opacity: 1;transition-delay: 1.3s;}
.swiper-slide-active .swiper-slide1 .pin2{opacity: 1;transition-delay: 1.3s;}
.swiper-slide-active .swiper-slide1 .swiper-slide1pic{transform: translateY(0%);opacity: 1;transition-delay: 1s;}
.swiper-pagination-bullet{width: 25px;height: 25px;background: url(../images/banner_xan1.png) no-repeat center;color: rgba(255, 0, 0, 0);}
.swiper-pagination-bullet-active{background: url(../images/banner_xan.png) no-repeat center;}
.swi{position:absolute;top:50%;left:0;width:100%;z-index:1;transform: translateY(-50%);}
.swia{max-width:1400px;margin:auto;color:#fff;width:96%;}
.swia h4{font-size:20px;font-weight: bold;}
.swia h5{font-weight:bold;font-size:50px;margin:30px 0 20px;}
.swia h6{font-size:18px;}

.div img{width: 100%;}


/**/
.q-wi{margin:65px auto;}
.q-wi li{display:flex;justify-content:space-between;align-items: center;margin-bottom:160px;}
.q-wi li .q-wi-a{width:50%;position:relative;}
.q-wi li .q-wi-a img{width:100%;}
.q-wi li .q-wi-aa{overflow:hidden;}
.q-wi li .q-wi-aa a{display:block;}
.q-wi li .q-wi-aa img{transition:all 1s;}
.q-wi li .q-wi-aa:hover img{transform:scale(1.1);}
.q-wi li .q-wi-ab{position:absolute;bottom:-80px;right:-130px;z-index:1;width:280px;box-sizing:border-box;border:1px solid #eee;}
.q-wi li .q-wi-ab:hover{box-shadow:0 0 10px rgb(0 0 0 / 15%);}
.q-wi li .q-wi-b{width:36%;display:flex;align-items: center;}
.q-wi li .q-wi-b h3{font-size:36px;font-weight: bold;color:#000;}
.q-wi li .q-wi-b span{display:inline-block;width:100px;height:2px;background:#000;margin:50px auto 20px;}
.q-wi li .q-wi-b p{color:#3f3f3f;font-size:18px;margin-bottom:10%;line-height:36px;}
.q-wi li .q-wi-b a{font-size:16px;color:#333;}
.q-wi li .q-wi-b a:hover{color:#db241c;}

.q-wi li:nth-child(2n) .q-wi-b{ order: 0;}
.q-wi li:nth-child(2n) .q-wi-a{ order: 1;}
.q-wi li:nth-child(2n) .q-wi-ab{left:-130px;right:inherit;}


/*关于我们*/
.w-ab{background:url("../images/ab2.jpg") center right no-repeat;padding:80px 0;position:relative;}
.w-ac{display:flex;}
.w-aca{flex-shrink: 0;width:55%;}
.w-aca img{max-width:100%;}
.w-acb{flex-shrink:0;width:513px;margin-left:5%;display:flex;align-items: center;}
.w-acb h3{font-size:36px;color:#fff;font-weight: bold;}
.w-acb span{display:inline-block;width:100px;height:2px;background:#fff;margin:50px auto 20px;}
.w-acb p{font-size:17px;line-height:36px;color:#fff;}
.w-acb a{display:block;margin-top:50px;font-size:16px;color:#fff;}
.w-acb a:hover{color:#db241c;}

/*标题*/
.e-be{text-align:center;padding:80px 0 60px;}
.e-be p{font-size:36px;color:#323232;}
.e-be span{display:block;width:70px;height:2px;background:#000;margin:25px auto 0;}

/*产品*/
.r-cp{margin-bottom:100px;}
.fenl p{padding:20px 0;font-size:17px;color:#111;}


/*标题*/
.r-be{text-align:center;position:relative;}
.r-be p{font-size:36px;color:#323232;}
.r-be span{display:inline-block;width:2px;height:80px;background:#000;position:absolute;top:80px;left:50%;}
/*新闻*/
.r-news{background:#fafafa;padding:60px 0 80px;}
.r-ne{margin-top:40px;overflow: hidden;}
.r-ne ul{display:flex;margin-right:-3%;}
.r-ne li{flex-shrink:0;width:30.333%;margin-right:3%;}
.r-ne li:nth-child(2){margin-top:120px;}
.r-nea{overflow:hidden;}
.r-nea img{width:100%;transition: all 0.3s;}
.r-neb{padding-top:30px;}
.r-neb h3{font-size:18px;color:#000;}
.r-neb span{display:block;color:#7e7e7e;font-size:14px;padding:15px 0;}
.r-neb p{font-size:15px;line-height:30px;color:#676767;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.r-ne li:hover .r-nea img{transform:scale(1.1);}
.r-ne li:hover .r-neb h3{color:#db241c;}

/*底部*/
.foot{background:#d8d8d8;padding:80px 0 50px;}
.foota{display:flex;justify-content: space-between;}
.foota-a{flex-shrink:0;width:70%;}
.foota-a ul{display:flex;justify-content: space-between;}
.foota-a ul li{width:25%;}
.foota-a ul li h4{font-size:20px;margin-bottom:30px;font-weight: bold;color:#000;}
.foota-a ul li p{line-height:36px;font-size:16px;}
.foota-a ul li p:hover a{color:#db241c;}
.foota-b{flex-shrink:0;width:25%;}
.foota-b ul{display:flex;justify-content: space-between;flex-wrap: wrap;}
.foota-b li{width:45%;margin-bottom:10px;}
.foota-b li img{max-width:100%;}
.foota-b-a{font-size:14px;line-height:30px;margin-bottom:20px;}
.foota-b-b{width:93px;}
.foota-b-b img{width:100%;}
.fontb{background:#333;padding:23px 0;}
.fontb-a{display:flex;justify-content: space-between;}
.fontb-a-a{flex-shrink:0;width:50%;color:#fff;}
.fontb-a-b{flex-shrink:0;width:50%;text-align:right;color:#db241c;}
.fontb-a-b a{display:inline-block;margin:0 10px;color:#fff;}


/******************************内页*************************************/
.n-ban{position:relative;}
.n-ban img{width:100%;}
.n-bn{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;}
.n-ba{display:flex;align-items: center;height: 100%;max-width:1100px;margin:auto;flex-wrap: wrap;}
.n-ba>div{flex-shrink:0;max-width:400px;}
.n-ba p{font-size:60px;color:#fff;font-weight: bold;font-family: 'Poppins-ExtraBoldItalic';font-style: italic;width:100%;text-transform: uppercase;}
.n-ba span{font-size:38px;color:#fff;font-weight: bold;display:inline-block;padding:10px 0 0 10px;}

.n-bt{position:absolute;bottom:0;left:0;z-index:999;width:100%;}
.n-bt ul{max-width:1420px;margin:auto;border:1px solid rgba(255, 255, 255, .2);;box-sizing:border-box;background: rgba(0, 0, 0, .2);line-height:70px;display:flex;flex-wrap: wrap;width:96%;}
.n-bt ul li{flex-shrink:0;width:12%;text-align:center;font-size:16px;border-right:1px solid rgba(255, 255, 255, .2);;}
.n-bt ul li a{color:#fff;display:block;}
.n-bt ul li.n-ut{background:#d7900f}

/*联系我们*/
#t-con{background: #e3e3e3;padding:100px 0;}
.t-con{display:flex;justify-content: space-between;}
.t-con-a{flex-shrink:0;width:60%;}
.t-con-a img{width:100%;}
.t-con-b{flex-shrink:0;width:35%;}
.t-con-b-a{margin-bottom:30px;}
.t-con-b-a p{font-size: 50px;color: #000;font-weight: bold;font-style: italic;text-transform: uppercase;}
.t-con-b-a span{font-size:36px;color:#000;font-weight: bold;}
.t-con-b-b{font-size:14px;line-height:30px;}

.t-cmt{margin:100px auto 0;display:flex;justify-content: space-between;}
.t-cmt-a{flex-shrink:0;width:30%;}
.t-cmt-b{flex-shrink:0;width:60%;box-sizing:border-box;border: 5px solid #c5c5c5;padding: 5%;background: #dbdbdb;font-size:0;display:flex;justify-content: space-between;flex-wrap: wrap;}
.t-cmt-b input{line-height:50px;background:#fff;border:1px solid #ccc;width:48%;margin-bottom:20px;box-sizing:border-box;padding:0 20px;}
.t-cmt-b textarea{width:100%;border:1px solid #ccc;height:200px;box-sizing:border-box;padding:20px;outline:none;}
.t-cmt-b-a{margin-top:30px;}
.t-cmt-b-a a{display:inline-block;padding:10px 40px;background:#000;color:#fff;font-size:14px;}
.t-cmt-c{width:40%;}
.t-cmt-c img{width:100%;}

/*下载*/
.y-down{}
.y-down li{border-bottom:1px solid #ccc;display:flex;justify-content: space-between;padding:10px 0;align-items: center;}
.y-down li a{background:#555;border-radius: 5px;padding:10px;}
.y-down li a img{width:15px;}
.y-down li p{font-size:16px;}

/*新闻*/
.u-top{margin:80px auto 60px;}
.u-wi{display:flex;justify-content: space-between;}
.u-wimg{flex-shrink:0;width:30%;}
.u-wimg img{width:100%;}
.u-wtex{flex-shrink:0;width:65%;overflow:hidden;}
.u-wtex-a{float:left;margin-right:20px;text-align:center;color:#666;width:90px;}
.u-wtex-a p{font-size:50px;font-weight:bold;}
.u-wtex-a span{font-size:22px;margin-top:10px;}
.u-wtex-b{float:right;width:calc(100% - 150px);}
.u-wtex-b h4{font-size:24px;color:#333;border-bottom: 1px solid #f1f1f1;padding-bottom:15px;margin-bottom:15px;}
.u-wtex-b p{width:60%;line-height:28px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.u-wtex-b>a{display:inline-block;padding:13px 20px;background:#000;color:#fff;font-size:12px;margin-top:30px;border-radius: 5px;}
.u-wtex-b>a:hover{background:#db241c;}

.u-wut{margin:80px auto;}
.u-wut ul{display:flex;flex-wrap: wrap;box-sizing:border-box;margin-right:-4%;}
.u-wut li{margin-bottom:60px;width:29.333%;transition: all 0.3s;margin-right:4%;}
.u-wut li .u-wua{overflow:hidden;position:relative;}
.u-wut li .u-wua p{position:absolute;top:10px;left:10px;background:#fff;text-align:center;padding:20px;}
.u-wut li .u-wua p span{font-size:20px;font-weight: bold;display:block;}
.u-wut li .u-wua p samp{font-size:14px;color:#888;display:block;}
.u-wut li .u-wua img{width:100%;}
.u-wut li .u-wub{box-sizing:border-box;padding:20px;}
.u-wut li .u-wub h5{font-size:18px;color:#333;border-bottom: 1px solid #f1f1f1;padding-bottom:15px;margin-bottom:15px;}
.u-wut li .u-wub p{width:80%;line-height:28px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.u-wut li .u-wub>a{display:inline-block;padding:13px 20px;background:#000;color:#fff;font-size:12px;margin-top:30px;border-radius: 5px;}
.u-wut li .u-wub>a:hover{background:#db241c;}
.u-wut li:hover{box-shadow:0 0 10px #ccc;}

/*新闻内页*/
.u-nei{margin:80px auto;}
.u-nei-a{margin-bottom:40px;}
.u-nei-a h5{font-size:30px;margin-bottom:5px;}
.u-nei-a p{font-size:15px;color:#777;}
.u-nei-b{line-height:30px;}
.u-nei-b img{max-width:100%;}


/*关于我们*/
.i-wi{margin:60px auto;display:flex;flex-wrap: wrap;justify-content: space-between;}
.i-wia{width:50%;flex-shrink:0;margin-top:20px;}
.i-wia-a{}
.i-wia-a h5{font-size:20px;font-weight: bold;}
.i-wia-a span{display:inline-block;height:2px;width:50px;background:#d7900f;margin:20px 0;}
.i-wia-b{line-height:28px;font-size:15px;}
.i-wib{width:40%;flex-shrink:0;}
.i-wib img{width:100%;}

.i-wt{display:flex;justify-content: space-between;margin-bottom:80px;}
.i-wta{flex-shrink:0;width:48%;background:#f4f4f4;display:flex;align-items: center;justify-content: space-between;}
.i-wta-a{flex-shrink:0;width:40%;}
.i-wta-a img{width:100%;}
.i-wta-b{flex-shrink:0;width:55%;}

.i-wta-b-a img{margin-bottom:20px;}
.i-wta-b-a p{font-size:20px;font-weight: bold;margin-bottom:10px;}
.i-wta-b-a span{font-size:16px;}

.i-wx{margin:60px auto;}
.i-wx ul{overflow:hidden;margin-right:-2%;}
.i-wx ul li{width:23%;float:left;margin:0 2% 20px 0;font-size:16px;text-align:center;}
.i-wx ul li img{width:100%;display:block;}
.i-wx ul li p{padding:15px 0;}

/*产品*/
.o-wi{margin:65px auto;}
.o-wi li{display:flex;justify-content:space-between;align-items: center;margin-bottom:60px;}
.o-wi li .o-wi-a{width:50%;position:relative;}
.o-wi li .o-wi-a img{width:100%;}
.o-wi li .o-wi-aa{overflow:hidden;}
.o-wi li .o-wi-aa a{display:block;}
.o-wi li .o-wi-aa img{transition:all 1s;}
.o-wi li .o-wi-aa:hover img{transform:scale(1.1);}
.o-wi li .o-wi-ab{position:absolute;bottom:-80px;right:-130px;z-index:1;width:280px;box-sizing:border-box;border:1px solid #eee;}
.o-wi li .o-wi-ab:hover{box-shadow:0 0 10px rgb(0 0 0 / 15%);}
.o-wi li .o-wi-b{width:36%;display:flex;align-items: center;}
.o-wi li .o-wi-b h3{font-size:36px;font-weight: bold;color:#000;}
.o-wi li .o-wi-b span{display:inline-block;width:100px;height:2px;background:#000;margin:50px auto 20px;}
.o-wi li .o-wi-b p{color:#3f3f3f;font-size:18px;margin-bottom:10%;line-height:36px;}
.o-wi li .o-wi-b a{font-size:16px;color:#333;}
.o-wi li .o-wi-b a:hover{color:#db241c;}

.o-wi li:nth-child(2n) .o-wi-b{ order: 0;}
.o-wi li:nth-child(2n) .o-wi-a{ order: 1;}
.o-wi li:nth-child(2n) .o-wi-ab{left:-130px;right:inherit;}

/*详情*/
.o-op{background:#f6f6f6;padding:60px 0 ;}
.o-riu{margin:0px auto 60px;display:flex;justify-content: space-between;align-items: center;background:#fff;box-sizing:border-box;padding:20px;}
.o-riu-a{flex-shrink:0;width:60%;}
.o-riu-b{flex-shrink:0;width:35%;}
.o-riu-b h5{font-size:28px;font-weight: bold;}
.o-riu-b i{display:inline-block;width:60px;height:2px;background:#333;margin:20px 0;}
.o-riu-b p{font-size:16px;line-height:30px;color:#555;}

.o-ot{}
.o-tex{background:#fff;box-sizing:border-box;padding:20px;font-size:15px;line-height:30px;}
.o-tex img{max-width:100%;}

.i-poo{display:none;}